<!-- 头部 -->
{include file="common/header" /}
</head>
<body>

	<!-- 顶部 -->
	{include file="common/top" /}
	
	<section class="aui-scroll-contents">
		<div class="aui-scroll-box" data-ydui-scrolltab>
			<div class="aui-scroll-nav">
				<a href="#" class="aui-scroll-item aui-crt">
					<div class="aui-scroll-item-icon"></div>
					<div class="aui-scroll-item-text">热门推荐</div>
				</a>
				{volist name="menu" id="vo"}
				<a href="#" class="aui-scroll-item aui-crt">
					<div class="aui-scroll-item-icon"></div>
					<div class="aui-scroll-item-text">{$vo.title}</div>
				</a>
				{/volist}
			</div>
			<div class="aui-scroll-content">
				<div class="aui-scroll-content-item">
					<div class="aui-class-img">
						<img src="__STATIC__/wap/img/pd/cf-4.jpg" alt="">
					</div>
					<h2 class="aui-scroll-content-title">热门推荐</h2>
					<section class="aui-grid-content">
						<div class="aui-grid-row aui-grid-row-clear">
							<!-- 以下内容循环 -->
							{volist name="recommend" id="vo"}
							<a href="#" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="{$vo.icon}" alt=""></i>
								<p class="aui-grid-row-label">{$vo.title}</p>
							</a>
							{/volist}
							<!-- end -->
						</div>
					</section>
				</div>
				{volist name="menu" id="vo"}
				<div class="aui-scroll-content-item">
					<h2 class="aui-scroll-content-title">{$vo.title}</h2>
					<section class="aui-grid-content">
						<div class="aui-grid-row aui-grid-row-clear">
							{volist name="vo.child" id="vv"}
							<a href="#" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="{$vv.icon}" alt=""></i>
								<p class="aui-grid-row-label">{$vv.title}</p>
							</a>
							{/volist}
						</div>
					</section>
				</div>
				{/volist}
			</div>
		</div>
	</section>

<!-- 底部 -->
{include file="common/footer" /}